<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="bootstrap/js/jquery/2.0.0"></script>
    <link href="bootstrap/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    <script src="bootstrap/js/bootstrap/3.3.6/bootstrap.min.js"></script>
    <title>the footer</title>
    <style>
        body {
            font-size: 12px;
            font-family: Arial, Helvetica, sans-serif;
        }

        div.footer {
            border-top: 1px solid #e7e7e7;
            margin: 0px;
        }

        div.footer_ensure {
            margin-top: 24px;
            margin-bottom: 24px;
            text-align: center;
        }

        div.footer_desc {
            border-top: 1px solid #e7e7e7;
            padding-top: 20px;
            margin: 0px 20px;
        }

        a {
            color: #999999;
        }

        a:hover {
            text-decoration: none;
            color: #c40000;
        }

        div.descColumn {
            width: 20%;
            float: left;
            padding-left: 15px;
        }

        span.descColumnTitle {
            font-size: 16px;
            font-weight: bold;
        }

        div.footer_desc a {
            display: block;
            padding-top: 3px;
        }

        div.copyright{
            background-color: black;
            border-top: 1px solid #c40000;
            height: 200px;
        }
        div.footer2 div.copyright div.white_link a{
            color: white;
            font-size: 14px;
            padding: 10px;
        }
        div.white_link span{
            color: white;
        }
        div.white_link{
            margin-top: 10px;
        }
        div.license{
            color: #999999;
            padding: 10px;
        }
        div.license div.tmall{
            margin-top: 20px;
        }
        div.licenseimg{
            padding: 10px;
        }
        img.cateye{
            margin-left: 200px;
        }
    </style>
</head>

<body>
    <div class="footer" id="footer">
        <div class="footer_ensure" id="footer_ensure">
            <a href="#nowhere">
                <img src="https://how2j.cn/tmall/img/site/ensure.png" alt="">
            </a>
        </div>
        <div class="footer_desc" id="footer_desc">
            <div class="descColumn">
                <span class="descColumnTitle">购物指南</span>
                <a href="#nowhere">免费注册</a>
                <a href="#nowhere">开通支付宝</a>
                <a href="#nowhere">支付宝充值</a>
            </div>
            <div class="descColumn">
                <span class="descColumnTitle">天猫保障</span>
                <a href="#nowhere">发票保障</a>
                <a href="#nowhere">售后规则</a>
                <a href="#nowhere">缺货赔付</a>
            </div>
            <div class="descColumn">
                <span class="descColumnTitle">支付方式</span>
                <a href="#nowhere">快捷支付</a>
                <a href="#nowhere">信用卡</a>
                <a href="#nowhere">蚂蚁花呗</a>
                <a href="#nowhere">货到付款</a>
            </div>
            <div class="descColumn">
                <span class="descColumnTitle">商家服务</span>
                <a href="#nowhere">商家入驻</a>
                <a href="#nowhere">商家中心</a>
                <a href="#nowhere">天猫智库</a>
                <a href="#nowhere">天猫规则</a>
                <a href="#nowhere">喵言喵语</a>
                <a href="#nowhere">运营服务</a>
            </div>
            <div class="descColumn">
                <span class="descColumnTitle">手机天猫</span>
                <a href="#nowhere">
                    <img src="https://how2j.cn/tmall/img/site/ma.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 页脚二 -->
    <div class="footer2">
        <div><img src="https://how2j.cn/tmall/img/site/cateye.png" class="cateye" id="cateye"></div>
        
        <div class="copyright">
            <div class="white_link">
                <a href="#nowhere">关于天猫</a>
                <a href="#nowhere">帮助中心</a>
                <a href="#nowhere">开放平台</a>
                <a href="#nowhere">诚聘英才</a>
                <a href="#nowhere">联系我们</a>
                <a href="#nowhere">网站合作</a>
                <a href="#nowhere">法律声明</a>
                <a href="#nowhere">知识产权</a>
                <a href="#nowhere">廉正举报</a>
            </div>
            <div class="white_link">
                <span>
                    <a href="#nowhere">阿里巴巴集团</a><span>|</span>
                </span>
                <span>
                    <a href="#nowhere">淘宝网</a><span>|</span>
                </span>
                <span>
                    <a href="#nowhere">天猫</a><span>|</span>
                </span>
                <span>
                    <a href="#nowhere">聚划算</a><span>|</span>
                </span>
                <span>
                    <a href="#nowhere">全球速卖通</a><span>|</span>
                </span>
                <span>
                    <a href="#nowhere">阿里巴巴国际交易市场</a><span>|</span>
                </span>
                <span>
                    <a href="#nowhere">阿里巴巴国际交易市场</a><span>|</span>
                </span>
                <span>
                    <a href="#nowhere">阿里巴巴国际交易市场</a>
                </span>
            </div>
            <div class="license">
                <span>增值电信业务经营许可证： 浙B2-20110446 网络文化经营许可证：浙网文[2015]0295-065号 互联网医疗保健信息服务 审核同意书 浙卫网审【2014】6号
                    互联网药品信息服务资质证书编号：浙-（经营性）-2012-0005
                </span>
                <br>
                <div class="tmall">© 2003-2016 TMALL.COM 版权所有</div>
            </div>
            <div class="licenseimg">
                <img src="https://how2j.cn/tmall/img/site/copyRight1.jpg" alt="">
                <img src="https://how2j.cn/tmall/img/site/copyRight2.jpg" alt="">
            </div>
        </div>

    </div>
</body>

</html>